<template>
	<view>
		<v-series-select-picker border-model="bottom" title="请选择" :options="options" v-model:value="value" />
		<v-series-select-picker border-model="bottom" title="请选择" :options="options" v-model:value="value" disabled />
	</view>
</template>

<script setup>
import { ref } from 'vue';
const value = ref(1001);

const options = [
	{
		label: '水果',
		value: 1000,
		children: [
			{ label: '西瓜', value: 1001 },
			{ label: '橙子', value: 1002 },
			{ label: '橘子', value: 1003 },
			{ label: '草莓', value: 1004 },
			{ label: '苹果', value: 1005 },
			{ label: '香蕉', value: 1006 },
			{ label: '哈密瓜', value: 1007 }
		]
	},
	{
		label: '蔬菜',
		value: 2000,
		children: [
			{ label: '白菜', value: 2001 },
			{ label: '小白菜', value: 2002 },
			{ label: '大白菜', value: 2003 },
			{ label: '包菜', value: 2004 },
			{ label: '西红柿', value: 2005 }
		]
	}
];
</script>

<style></style>
